// src/App.tsx
// 主应用组件修改示例（使用 HashRouter）
import { HashRouter as Router, Routes, Route } from "react-router-dom";
import Guide from "./pages/Guide"; // 可选：创建专门的 Guide 页面组件

function App() {
  return (
    <Router>
      <div className="app">
        {/* 主应用的路由和组件 */}
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/about" element={<About />} />
          {/* Guide 路由 - 子应用会在这里挂载 */}
          <Route path="/guide/*" element={<Guide />} />
          {/* 其他主应用路由 */}
        </Routes>

        {/* 子应用挂载容器 - 重要！ */}
        <div id="subapp-container"></div>
      </div>
    </Router>
  );
}

export default App;

// ============================================
// 如果主应用使用 BrowserRouter，使用以下代码：
// ============================================
/*
import { BrowserRouter, Routes, Route } from 'react-router-dom';

function App() {
  return (
    <BrowserRouter>
      <div className="app">
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/guide/*" element={<Guide />} />
        </Routes>
        <div id="subapp-container"></div>
      </div>
    </BrowserRouter>
  );
}
*/
